<template>
    <div style="margin:20px">
        <f-extend-calendar :date="date" :data="data" @clickItem="clickItem"></f-extend-calendar>
    </div>
</template>
<script setup lang="ts">
import {ref} from 'vue';
let date = ref(new Date());
let data = ref([
    {
        date:'2024/3/7',
        task:[
            {
                startDate:'2024/3/7 8:00',
                endDate:'2024/3/7 8:30',
                task:'参加会议',
                level:1
            },
            {
                startDate:'2024/3/7 9:00',
                endDate:'2024/3/7 9:10',
                task:'总结分析',
                level:2
            },
            {
                startDate:'2024/3/7 10:00',
                endDate:'2024/3/7 10:10',
                task:'分析解决',
                level:3
            }
        ]
    }
])
const clickItem = (a,b)=>{
    console.log(a,b);
}
</script>